<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的</title>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <!--<link href="../../css/list.css" rel="stylesheet" />-->
    <!--<link href="../../admin/css/style.css" rel="stylesheet" />-->
    <script src="../../js/mui.min.js"></script> 
    <script src="../../js/app.js"></script>
    <!--App自定义的css-->
	<!--<link rel="stylesheet" type="text/css" href="../../css/app.css" />-->
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">未读消息</h1>
		</header>
		<div class="mui-content" id="pullrefresh">
			<ul id="OA_task_1" class="mui-table-view">
			       <div class="friend-list-left" id="news"></div>
		    </ul>
	    </div>
	</body>
	<script type="text/javascript">
		var content=document.getElementById("news");
//		localStorage.setItem('list','[]');//清空本地数据 
mui.init({  
		pullRefresh: {  
		container: '#pullrefresh', //触发刷新功能的id标签
		down: {  //触发下拉函数
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
        style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
      	color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
        range:'100px', //可选 默认100px,控件可下拉拖拽的范围
     	offset:'50px', //可选 默认0px,下拉刷新控件的起始位置
		contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
		contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
		contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
		callback: pulldownRefresh
	},
		up : {//触发上拉
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
		contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
		contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
		callback :pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
	}
              }  
});  
			(function($) {
				//$.swipeoutOpen(el,direction)//打开指定列的滑动菜单，el:指定列的dom对象，direction：取值left|right，指定打开的是左侧或右侧滑动菜单
				//$.swipeoutClose(el);//关闭指定列的滑动菜单，el:指定列的dom对象
				//				setTimeout(function() {
				//					$.swipeoutOpen(document.getElementById("OA_task_1").querySelector('li:last-child'), 'left');
				//					setTimeout(function() {
				//						$.swipeoutClose(document.getElementById("OA_task_1").querySelector('li:last-child'));
				//					}, 1000);
				//				}, 1000);
				//第一个demo，拖拽后显示操作图标，点击操作图标删除元素；
//				$('#OA_task_1').on('tap', '.mui-btn', function(event) {
//					var elem = this;
//					var li = elem.parentNode.parentNode;
//					mui.confirm('确认删除该条记录？', 'Hello MUI', btnArray, function(e) {
//						if (e.index == 0) {
//							li.parentNode.removeChild(li);
//						} else {
//							setTimeout(function() {
//								$.swipeoutClose(li);
//							}, 0);
//						}
//					});
//				});
//				var btnArray = ['确认', '取消'];
				//第二个demo，向左拖拽后显示操作图标，释放后自动触发的业务逻辑
//				$('#OA_task_2').on('slideleft', '.mui-table-view-cell', function(event) {
//					var elem = this;
//					mui.confirm('确认删除该条记录？', 'Hello MUI', btnArray, function(e) {
//						if (e.index == 0) {
//							elem.parentNode.removeChild(elem);
//						} else {
//							setTimeout(function() {
//								$.swipeoutClose(elem);
//							}, 0);
//						}
//					});
//				});
				//第二个demo，向右拖拽后显示操作图标，释放后自动触发的业务逻辑
//				$('#OA_task_2').on('slideright', '.mui-table-view-cell', function(event) {
//					var elem = this;
//					mui.confirm('确认删除该条记录？', 'Hello MUI', btnArray, function(e) {
//						if (e.index == 0) {
//							elem.parentNode.removeChild(elem);
//						} else {
//							setTimeout(function() {
//								$.swipeoutClose(elem);
//							}, 0);
//						}
//					});
//				});
			})(mui);
//* 下拉刷新具体业务实现 
function pulldownRefresh() { 
		setTimeout(function () { 
		//            	document.getElementById('news').innerHTML='';
		news(0);//获取数据
		mui('#pullrefresh').pullRefresh().endPulldownToRefresh();//关闭上拉刷新样式
		}, 1500);  //1500毫秒触发
} 
 //* 上拉加载具体业务实现 
function pullupRefresh() { 
		setTimeout(function () { 
		news(1);//获取数据
		mui('#pullrefresh').pullRefresh().endPullupToRefresh();//关闭下拉加载样式
		}, 1500);  //1500毫秒触发
} 
news();
var	p= 0;
//列表
function news(num){
	if(num==1){p=p+1}else{p=0;document.getElementById("news").innerHTML='';};
	apptoken['p']= p;
	apptoken['act']= 'list';
	 mui.post(home.hos+'/Chat/user',apptoken,function(data){
if(data=='204'){
	 		plus.ui.toast("没有新消息",data);
	 }else if(isJSON(data)){
//	 		alert(data);
	var result=JSON.parse(data);
 	var pic='';
		for(var i=0;i<result.length;i++){
				pic='<img class="mui-media-object mui-pull-left" style="margin:0px 10px;" src="'+home.uploads+'/img/user/min'+result[i].headimg+'" onerror="this.onerror=null;this.src=\'../../images/logo.png\'" />';

					liststyle(result[i].id,result[i].username,result[i].content,pic,result[i].sum);
		}
	}else{
	 		plus.ui.toast("操作失败",data);
	 	}
		//服务器返回响应，根据响应结果，分析是否登录成功；
	},'text');
}
function  liststyle(tid,username,contents,pic,sum){

	content.innerHTML+='<li id="list'+tid+'" class="mui-table-view-cell "><div class="mui-slider-right mui-disabled"><a onclick="goto(\'friends\',\'user\',\'info\','+tid+')" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a><a class="mui-btn mui-btn-red mui-icon mui-icon-trash" onclick="_delete('+tid+')">拉黑</a></div><div class="mui-slider-handle" id="'+tid+'" onclick="goto(\'chat\',\'user\',\'detail\','+tid+')" >'+pic+'<span style="">'+username+'</span><span class="mui-badge mui-badge-success">'+sum+'</span><p style="">'+contents+'</p></div></li>';
}
function Phone(phone){
	 var btnArray = ['拨打', '取消'];  
                mui.confirm('是否拨打 ' + phone + ' ？', '提示', btnArray, function(e) {  
                    if (e.index == 0) {  
                        plus.device.dial(phone, false);  
                    }   
                });  

}
function _delete(thisid){
		 	if(!window.confirm('你确定要删除吗。')){
		 		plus.ui.toast("已取消");
                 return false;
            }
		 	apptoken['tid']=thisid;
		 	apptoken['act']= 'delete';
		mui.post(home.hos+'/friend/admin',apptoken,function(data){
			alert(data);
			if(data==200){
			var tid=document.getElementById('list'+thisid);
				content.removeChild(tid);//删除div
		plus.ui.toast("删除成功");
		}else{
			plus.ui.toast("操作失败",data);
		}
		},'text')
	}
//function _refresh(thisid){
//		 if(!window.confirm('每天只能刷新一次，你确定要刷新吗？')){
//		 		plus.ui.toast("已取消");
//               return false;
//           }
//		 document.getElementById('refresh'+thisid).style.display='none';//隐藏刷新按钮
//		 var tid=document.getElementById('list'+thisid);
//		 appendChild("news",tid.innerHTML,1);
//		content.removeChild(tid);//删除div
//		plus.ui.toast("刷新成功");
//		apptoken['tid']=thisid;
//		mui.post(home.hos+'/news/refresh',apptoken,function(data){
////			alert(data);
////		history.go(0);
//		},'text')
//	}

//function modify(tid,act){
//	relationoff=document.getElementById('relationoff'+tid);
//	if(relationoff.innerHTML=='推送关联'){
//		apptoken['v']=1;
//	}else{
//		apptoken['v']=0;
//	}
//	if(!window.confirm('您确定要'+relationoff.innerHTML+'码？推送展现在被关联的项目/主题页面的新闻部位;')){
//		 		plus.ui.toast("已取消");
//               return false;
//          }
//	apptoken['tid']=tid ||'';
//	apptoken['k']=act||'relationoff';
//	apptoken['act']='modify';
//	mui.post(home.hos+'/news/user',apptoken,function(data){//获取关联数据
////		alert(data);
//	 	if(data==200){
//	 		if(relationoff.innerHTML=='推送关联'){
//			relationoff.innerHTML='撤销关联';
//			}else{
//			relationoff.innerHTML='推送关联';
//			}
//	 		plus.ui.toast('修改成功');
//	 	}else{
//	 		plus.ui.toast('修改失败');
//	 	}})
//}
//function goto(thisid,method){//修改微博
//		//数据库存储当前点击id值
//localStorage.newstid=thisid; 
//mui.openWindow('../news/'+method+'.html');
//}
	</script>
</html>
